<fieldset class="section">
    <legend>Thông tin quản lý</legend>
    <input type="hidden" id="txt-makhachhang" value="-1" />
    <table class="table-tools">
        <colgroup>
            <col style="width: 200px;">
            <col>
        </colgroup>
        <tr>
            <td>Họ tên</td>
            <td>
                <input type="text" placeholder="Nguyễn Văn A" id="txt-hoten">
            </td>
        </tr>
        <tr>
            <td>Số điện thoại</td>
            <td>
                <input type="text" id="txt-sodienthoai" placeholder="01234567890" onkeypress="QuanLyBanHangStatic.checkNumberInput(event);">
            </td>
        </tr>
        <tr>
            <td>Địa chỉ</td>
            <td>
                <textarea style="width: 350px; height: 100px; resize: none;" id="txt-diachi"></textarea>
            </td>
        </tr>
    </table>
    <button id="khachhang-submit" type="button" onclick="QuanLyKhachHang.LuuKhachHang(this);">
        <span class="button-loading fa fa-spin fa-refresh" style="display: none;"></span> Lưu thông tin</button>
    <button id="khachhang-refresh" onclick="QuanLyKhachHang.LamMoi();" type="button">Làm mới</button>
</fieldset>
<fieldset class="section" style="margin-top: 30px;">
    <legend>Danh sách khách hàng</legend>
    <table class="table-views">

        <colgroup>
            <col style="width: 40px;">
            <col style="width: 300px;">
            <col style="width: 250px;">
            <col>
        </colgroup>

        <thead>
            <tr>
                <td>STT</td>
                <td>Họ tên</td>
                <td>Số điện thoại</td>
                <td>Địa chỉ</td>
            </tr>
        </thead>
    </table>

    <div style="max-height: 400px; overflow-y: auto;">
        <table class="table-views">

            <colgroup>
                <col style="width: 40px;">
                <col style="width: 300px;">
                <col style="width: 250px;">
                <col>
            </colgroup>

            <tbody>
            <tr title="Click để tải thông tin" class="default-row" style="cursor: pointer; display: none;" data-text="-1" onclick="QuanLyKhachHang.ChonKhachHang(this);">
                <td class="stt" style="text-align: center;"></td>
                <td class="hoten"></td>
                <td class="sodienthoai" style="text-align: center;"></td>
                <td class="diachi"></td>
            </tr>
            </tbody>
            <tbody id="container">

            </tbody>
        </table>
    </div>
    <h2 id="khachhang-load-more" class="nhaphang-load-more" onclick="QuanLyKhachHang.DanhSachKhachHang(this);"><span style="display: none;" class="fa-loading fa fa-spin fa-refresh"></span> Xem tất cả khách hàng</h2>

</fieldset>